<table id="tabla_tipos_movimientos" class="scroll" cellpadding="0" cellspacing="0"></table> 
<div id="pager_tipos_movimientos" class="scroll" style="text-align:center;"></div> 

<script type="text/javascript">
  jQuery("#tabla_tipos_movimientos").jqGrid({ 
    url: "<%= url_for(:controller => "tipos_movimientos", :action => "datos") %>" ,
    editurl: "<%= tipos_movimientos_url%>" ,
    colNames:[
        'Nombre',
        'Tipo',
        'Codigo',
      ],
    colModel : [
      {name: 'tipo_movimiento[nombre]', index: 'nombre', width: 200, align: 'left', editable: true},
      {name: 'tipo_movimiento[tipo_nombre]', index: 'tipo', width: 200, align: 'left', editable: true},
      {name: 'tipo_movimiento[codigo]', index: 'codigo', width: 200, align: 'left', editable: true},
      ],
    sortname: "nombre",
    sortorder: "asc",
    ondblClickRow: function( rowid) {
      guardar('tabla_tipos_movimientos', '<%=@campo_nombre%>', '<%=@campo_id%>');
      },
    caption: 'Tipos de movimientos',
    <%= default_grid_options(:model => 'tipos_movimientos', :view => tipos_movimientos_path) %>
</script>

<% if @window -%>
    <a href="javascript:guardar('tabla_tipos_movimientos', '<%=@campo_nombre%>', '<%=@campo_id%>');"><b>Aceptar</b></a>
<% else -%>
  <% content_for :sidebar do -%> 
    <h3>Acciones</h3>
    <%= boton 'Nuevo tipo movimiento', new_tipo_movimiento_path, :imagen => 'agregar' %> <br />
    <%= boton 'Ver tipo movimiento', "javascript:abrir(null)", :imagen => 'ver' %>
  <% end -%>
<% end -%>
